<template>
  <div class="public_page_style">
    <div class="public_top">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="待办事项" name="ToDoAbout">
          <ToDoAbout/>
        </el-tab-pane>
        <el-tab-pane label="已完成" name="second">已完成</el-tab-pane>
        <el-tab-pane label="已过期" name="third">已过期</el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script>
import ToDoAbout from "@/views/TaskManagement/components/ToDoAbout.vue";

export default {
  name: "TaskManagement",
  components: {ToDoAbout},
  data() {
    return {
      activeName: 'ToDoAbout'
    }
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event)
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
